<!Doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>菜鸟教程 - 学的不仅是技术，更是梦想！</title>

  <meta name='robots' content='max-image-preview:large' />
<meta name="keywords" content="w3cschool,HTML,CSS,PHP,DOM,JavaScript,jQuery,XML,AJAX,ASP.NET,W3C,MySQL,SQL,jquery mobile,bootstrap,Python,jquery easyui,jquery ui,angularjs">
<meta name="description" content="菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。..">
		
	<link rel="shortcut icon" href="https://static.jyshare.com/images/favicon.ico">
	<link rel="stylesheet" href="/wp-content/themes/runoob/style.css?v=1.182" type="text/css" media="all" />
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css" media="all" />	
  <!--[if gte IE 9]><!-->
  <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.0.3/jquery.min.js"></script>
  <!--<![endif]-->
  <!--[if lt IE 9]>
     <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.9.1/jquery.min.js"></script>
     <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <link rel="apple-touch-icon" href="https://static.jyshare.com/images/icon/mobile-icon.png"/>
  <meta name="apple-mobile-web-app-title" content="菜鸟教程">
</head>
<body>

<!--  头部 -->
<div class="container logo-search">

  <div class="col search row-search-mobile">
    <form action="index.php">
      <input class="placeholder" placeholder="搜索……" name="s" autocomplete="off">
      
    </form>
  </div>

  <div class="row">
    <div class="col logo">
      <h1><a href="/">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>
    </div>
        
    <div class="col search search-desktop last">
      <div class="search-input" >
      <form action="//www.runoob.com/" target="_blank">
        <input class="placeholder" id="s" name="s" placeholder="搜索……"  autocomplete="off" style="height: 44px;">
      </form>
      
      </div>
    </div>
  </div>
</div>



<!-- 导航栏 -->
<div class="container navigation">
	<div class="row">
		<div class="col nav">
			<ul id="index-nav">
				<li><a href="https://www.runoob.com/" data-id="index" title="菜鸟教程" class="current">首页</a></li>
				<li><a href="https://www.jyshare.com/" target="_blank"  title="不止于工具">菜鸟工具</a></li>
				<li><a href="https://www.runoob.com/w3cnote/" target="_blank" data-id="note" title="菜鸟笔记">菜鸟笔记</a></li>
				<li><a href="javascript:void(0);" data-id="manual" title="参考手册">参考手册</a></li>
				<li><a href="https://www.runoob.com/commentslist" data-id="commentslist" target="_bank" title="英文文档集合">用户笔记</a></li>
				<li><a href="https://www.runoob.com/quiz/html-quiz.html"  target="_bank" title="测验/考试">测验/考试</a></li>
				<li><a href="/browser-history" target="_blank" data-id="bookmark" >本地书签</a></li>
				
<li><a href="https://marscode.cn/?utm_source=runoob&utm_medium=banner&utm_campaign=813"  target="_bank"  data-tt="7519568" >
<img src="https://www.jyshare.com/wp-content/uploads/2024/08/db-ai-logo.jpg" style="width: 16px;height: 16px;vertical-align: middle;margin-bottom: 3px;"> 免费AI编程助手</a></li>




			
			
				
				
			</ul>
		</div>
	</div>
</div>
<div class="container sub-navigation sub-navigation-articles" style="display:none">
	<div class="row">
		<div class="col nav-sub">
			
			<ul id="manual"> <li class="cat-item"><a href="tags/html-reference.html" target="_blank">HTML 手册</a></li> <li class="cat-item"><a href="jsref/jsref-tutorial.html" target="_blank">Javascript </a></li> <li class="cat-item"><a href="cssref/css-reference.html" target="_blank">CSS 1,2,3</a></li> <li class="cat-item"><a href="manual/zeptojs.html">Zepto 中文手册</a></li> <li class="cat-item"><a href="manual/Flat-UI/">Flat UI</a></li> <li class="cat-item"><a href="manual/PostgreSQL/">PostgreSQL 手册</a></li> </ul>
			<ul id="quiz"> <li class="cat-item"><a target="_top" title="HTML 测验" href="quiz/html-quiz.html">HTML 测验</a></li> <li class="cat-item"><a target="_top" title="HTML5 测验" href="quiz/html5-quiz.html">HTML5 测验</a></li> <li class="cat-item"><a target="_top" title="XHTML 测验" href="quiz/xhtml-quiz.html">XHTML 测验</a></li> <li class="cat-item"><a target="_top" title="CSS 测验" href="quiz/css-quiz.html">CSS 测验</a></li> <li class="cat-item"><a target="_top" title="JavaScript 测验" href="quiz/javascript-quiz.html">JavaScript 测验</a></li> <li class="cat-item"><a target="_top" title="jQuery 测验" href="quiz/jquery-quiz.html">jQuery 测验</a></li> <li class="cat-item"><a target="_top" title="XML 测验" href="quiz/xml-quiz.html">XML 测验</a></li> <li class="cat-item"><a target="_top" title="ASP 测验" href="quiz/asp-quiz.html">ASP 测验</a></li> <li class="cat-item"><a target="_top" title="PHP 测验" href="quiz/php-quiz.html">PHP 测验</a></li> <li class="cat-item"><a target="_top" title="SQL 测验" href="quiz/sql-quiz.html">SQL 测验</a></li><li class="cat-item"><a target="_top" title="Python 测验" href="/quiz/python-quiz.html"> Python 测验 </a></li> </ul>
		</div>
	</div>
</div>
<style>
.home-left-column{
	width: 16%;
}
@media screen and (max-width: 768px) {
    .home-left-column {
        display: none;
    }
}
</style>
<!--  内容  -->
<div class="container main">
	
<div class="row">
	<div class="col home-left-column left-column" id="main-left-cloumn">
		
		<div class="tab"  id="cate0"><i class="fa fa-reorder"></i> 全部教程</div>
		<div class="sidebar-box gallery-list">
						<div class="design" id="cate1">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; HTML / CSS</div>
			</div>
						<div class="design" id="cate2">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; JavaScript</div>
			</div>
						<div class="design" id="cate3">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 服务端</div>
			</div>
						<div class="design" id="cate4">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 数据库</div>
			</div>
						<div class="design" id="cate5">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 数据分析</div>
			</div>
						<div class="design" id="cate6">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 移动端</div>
			</div>
						<div class="design" id="cate7">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; XML 教程</div>
			</div>
						<div class="design" id="cate8">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; ASP.NET</div>
			</div>
						<div class="design" id="cate9">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; Web Service</div>
			</div>
						<div class="design" id="cate10">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 开发工具</div>
			</div>
						<div class="design" id="cate11">
				<div class="navto-nav"><i class="fa fa-external-link"></i> &nbsp; 网站建设</div>
			</div>
					</div>
		
	</div>
	<div class="col middle-column-home">
	      <div class="codelist codelist-desktop cate1" >
         
      <h2><i class="fa fa-list"></i> HTML / CSS</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/html/html-tutorial.html"><h4>【学习 HTML】</h4>
                <img class="codeicon codeicon-36" alt="html" height="36" width="36" src="">
              <strong>HTML，即超文本标记语言（Hyper Text Markup Language）</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/html/html5-intro.html"><h4>【学习 HTML5】</h4>
                <img class="codeicon codeicon-36" alt="html5" height="36" width="36" src="">
              <strong>HTML5 是下一代 HTML 标准</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/css/css-tutorial.html"><h4>【学习 CSS】</h4>
                <img class="codeicon codeicon-36" alt="css" height="36" width="36" src="">
              <strong>层叠样式表（Cascading StyleSheet）</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/css3/css3-tutorial.html"><h4>【学习 CSS3】</h4>
                <img class="codeicon codeicon-36" alt="css3" height="36" width="36" src="">
              <strong>CSS3是CSS技术的升级版本</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap/bootstrap-tutorial.html"><h4>【学习 Bootstrap3】</h4>
                <img class="codeicon codeicon-36" alt="bootstrap" height="36" width="36" src="">
              <strong>Bootstrap，来自 Twitter，是目前最受欢迎的前端框架</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap4/bootstrap4-tutorial.html"><h4>【学习 Bootstrap4】</h4>
                <img class="codeicon codeicon-36" alt="bootstrap4" height="36" width="36" src="">
              <strong>Bootstrap4 前端框架</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap5/bootstrap5-tutorial.html"><h4>【学习 Bootstrap5】</h4>
                <img class="codeicon codeicon-36" alt="bootstrap5" height="36" width="36" src="">
              <strong>Bootstrap5 目前是 Bootstrap 的最新版本</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/font-awesome/fontawesome-tutorial.html"><h4>【学习 Font Awesome】</h4>
                <img class="codeicon codeicon-36" alt="fontawesome" height="36" width="36" src="">
              <strong>Font Awesome 是一套绝佳的图标字体库和CSS框架。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/foundation/foundation-tutorial.html"><h4>【学习 Foundation】</h4>
                <img class="codeicon codeicon-36" alt="foundation" height="36" width="36" src="">
              <strong>Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate2" >
         
      <h2><i class="fa fa-list"></i> JavaScript</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/js/js-tutorial.html"><h4>【学习 JavaScript】</h4>
                <img class="codeicon codeicon-36" alt="js" height="36" width="36" src="">
              <strong>JavaScript 是 Web 的编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/htmldom/htmldom-tutorial.html"><h4>【学习 HTML DOM】</h4>
                <img class="codeicon codeicon-36" alt="htmldom" height="36" width="36" src="">
              <strong>HTML DOM 定义了访问和操作 HTML 文档的标准方法</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jquery/jquery-tutorial.html"><h4>【学习 jQuery】</h4>
                <img class="codeicon codeicon-36" alt="jquery" height="36" width="36" src="">
              <strong>jQuery 是一个 JavaScript 库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/angularjs/angularjs-tutorial.html"><h4>【学习 AngularJS】</h4>
                <img class="codeicon codeicon-36" alt="angularjs" height="36" width="36" src="">
              <strong>AngularJS 通过新的属性和表达式扩展了 HTML</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/angularjs2/angularjs2-tutorial.html"><h4>【学习 AngularJS2】</h4>
                <img class="codeicon codeicon-36" alt="angularjs2" height="36" width="36" src="">
              <strong>AngularJS2 是一款开源JavaScript库，由Google维护。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vue2/vue-tutorial.html"><h4>【学习 Vue.js】</h4>
                <img class="codeicon codeicon-36" alt="vue" height="36" width="36" src="">
              <strong>Vue.js 是一套构建用户界面的渐进式框架。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vue3/vue3-tutorial.html"><h4>【学习 Vue3】</h4>
                <img class="codeicon codeicon-36" alt="vue3" height="36" width="36" src="">
              <strong>Vue 是一套构建用户界面的渐进式框架。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/react/react-tutorial.html"><h4>【学习 React】</h4>
                <img class="codeicon codeicon-36" alt="react" height="36" width="36" src="">
              <strong>React 是一个用于构建用户界面的 JAVASCRIPT 库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/typescript/ts-tutorial.html"><h4>【学习 TypeScript】</h4>
                <img class="codeicon codeicon-36" alt="typescript" height="36" width="36" src="">
              <strong>TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jqueryui/jqueryui-tutorial.html"><h4>【学习 jQuery UI】</h4>
                <img class="codeicon codeicon-36" alt="jqueryui" height="36" width="36" src="">
              <strong>jQuery UI 是建立在 jQuery上的一组用户界面交互、特效、小部件及主题</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jeasyui/jqueryeasyui-tutorial.html"><h4>【学习 jQuery EasyUI 】</h4>
                <img class="codeicon codeicon-36" alt="jeasyui" height="36" width="36" src="">
              <strong>jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/nodejs/nodejs-tutorial.html"><h4>【学习 Node.js】</h4>
                <img class="codeicon codeicon-36" alt="nodejs" height="36" width="36" src="">
              <strong>Node.js 是运行在服务端的 JavaScript</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ajax/ajax-tutorial.html"><h4>【学习 AJAX】</h4>
                <img class="codeicon codeicon-36" alt="ajax" height="36" width="36" src="">
              <strong>AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/json/json-tutorial.html"><h4>【学习 JSON】</h4>
                <img class="codeicon codeicon-36" alt="json" height="36" width="36" src="">
              <strong>JSON 是存储和交换文本信息的语法</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/echarts/echarts-tutorial.html"><h4>【学习 Echarts】</h4>
                <img class="codeicon codeicon-36" alt="echarts" height="36" width="36" src="">
              <strong>ECharts 是一个使用 JavaScript 实现的开源可视化库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/chartjs/chartjs-tutorial.html"><h4>【学习 Chart.js】</h4>
                <img class="codeicon codeicon-36" alt="chartjs" height="36" width="36" src="">
              <strong>Chart.js 是一个简单、灵活的 JavaScript 图表工具</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/highcharts/highcharts-tutorial.html"><h4>【学习 Highcharts】</h4>
                <img class="codeicon codeicon-36" alt="highcharts" height="36" width="36" src="">
              <strong>Highcharts 是一个用纯JavaScript编写的一个图表库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/googleapi/google-maps-basic.html"><h4>【学习 Google 地图】</h4>
                <img class="codeicon codeicon-36" alt="googleapi" height="36" width="36" src="">
              <strong>Google 地图接口使用说明</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate3" >
         
      <h2><i class="fa fa-list"></i> 服务端</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html"><h4>【学习 Python】</h4>
                <img class="codeicon codeicon-36" alt="python3" height="36" width="36" src="">
              <strong>Python3.x 版本，未来主流版本。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/python/python-tutorial.html"><h4>【学习 Python2.x】</h4>
                <img class="codeicon codeicon-36" alt="python" height="36" width="36" src="">
              <strong>Python 是一种面向对象、解释型计算机程序设计语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/linux/linux-tutorial.html"><h4>【学习 Linux】</h4>
                <img class="codeicon codeicon-36" alt="linux" height="36" width="36" src="">
              <strong>Linux是一套免费使用和自由传播的类Unix操作系统</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/docker/docker-tutorial.html"><h4>【学习 Docker】</h4>
                <img class="codeicon codeicon-36" alt="docker" height="36" width="36" src="">
              <strong>Docker 是一个开源的应用容器引擎，基于 Go 语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ruby/ruby-tutorial.html"><h4>【学习 Ruby】</h4>
                <img class="codeicon codeicon-36" alt="ruby" height="36" width="36" src="">
              <strong>一种为简单快捷的面向对象编程（面向对象程序设计）而创的脚本语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/java/java-tutorial.html"><h4>【学习 Java】</h4>
                <img class="codeicon codeicon-36" alt="java" height="36" width="36" src="">
              <strong>一种可以撰写跨平台应用软件的面向对象的程序设计语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/c/c-tutorial.html"><h4>【学习 C】</h4>
                <img class="codeicon codeicon-36" alt="c" height="36" width="36" src="">
              <strong>一门通用计算机编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/cplusplus/cpp-tutorial.html"><h4>【学习 C++】</h4>
                <img class="codeicon codeicon-36" alt="cpp" height="36" width="36" src="">
              <strong>C++是在C语言的基础上开发的一种通用编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/perl/perl-tutorial.html"><h4>【学习 Perl】</h4>
                <img class="codeicon codeicon-36" alt="perl" height="36" width="36" src="">
              <strong>Perl 是高级、通用、直译式、动态的程序语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/servlet/servlet-tutorial.html"><h4>【学习 Servlet 】</h4>
                <img class="codeicon codeicon-36" alt="servlet" height="36" width="36" src="">
              <strong>运行在 Web 服务器或应用服务器上的程序</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jsp/jsp-tutorial.html"><h4>【学习 JSP】</h4>
                <img class="codeicon codeicon-36" alt="jsp" height="36" width="36" src="">
              <strong>JSP与PHP、ASP、ASP.NET等语言类似，运行在服务端的语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/lua/lua-tutorial.html"><h4>【学习 Lua】</h4>
                <img class="codeicon codeicon-36" alt="lua" height="36" width="36" src="">
              <strong>Lua 是一种轻量小巧的脚本语言，用标准C语言编写并以源代码形式开放</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rust/rust-tutorial.html"><h4>【学习 Rust】</h4>
                <img class="codeicon codeicon-36" alt="rust" height="36" width="36" src="">
              <strong>Rust 语言是一种高效、可靠的通用高级语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/zig/zig-tutorial.html"><h4>【学习 Zig】</h4>
                <img class="codeicon codeicon-36" alt="zig" height="36" width="36" src="">
              <strong>Zig 是一个命令式、通用、静态类型、编译的系统编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/scala/scala-tutorial.html"><h4>【学习 Scala】</h4>
                <img class="codeicon codeicon-36" alt="scala" height="36" width="36" src="">
              <strong>Scala 是一门多范式（multi-paradigm）的编程语言。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/go/go-tutorial.html"><h4>【学习 Go】</h4>
                <img class="codeicon codeicon-36" alt="go" height="36" width="36" src="">
              <strong>Go语言是谷歌推出的一种全新的编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/php/php-tutorial.html"><h4>【学习 PHP】</h4>
                <img class="codeicon codeicon-36" alt="php" height="36" width="36" src="">
              <strong>PHP 是一种通用开源脚本语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/data-structures/data-structures-tutorial.html"><h4>【数据结构与算法】</h4>
                <img class="codeicon codeicon-36" alt="data-structures" height="36" width="36" src="">
              <strong>数据结构是计算机中存储、组织数据的方式。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/django/django-tutorial.html"><h4>【学习 Django】</h4>
                <img class="codeicon codeicon-36" alt="django" height="36" width="36" src="">
              <strong>Django 是一个开放源代码的Web应用框架，由Python写成</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/fastapi/fastapi-tutorial.html"><h4>【学习 FastAPI】</h4>
                <img class="codeicon codeicon-36" alt="fastapi" height="36" width="36" src="">
              <strong>FastAPI 是一个用于构建 API 的 web 框架</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/flask/flask-tutorial.html"><h4>【学习 Flask】</h4>
                <img class="codeicon codeicon-36" alt="flask" height="36" width="36" src="">
              <strong>Flask 是一个用 Python 编写的轻量级 Web 应用框架</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/zookeeper-tutorial.html"><h4>【学习 Zookeeper】</h4>
                <img class="codeicon codeicon-36" alt="zookeeper" height="36" width="36" src="">
              <strong>ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/design-pattern/design-pattern-tutorial.html"><h4>【设计模式】</h4>
                <img class="codeicon codeicon-36" alt="design-pattern" height="36" width="36" src="">
              <strong>设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/regexp/regexp-tutorial.html"><h4>【正则表达式】</h4>
                <img class="codeicon codeicon-36" alt="regexp" height="36" width="36" src="">
              <strong>正则表达式是对字符串操作的一种逻辑公式</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/maven/maven-tutorial.html"><h4>【学习 Maven】</h4>
                <img class="codeicon codeicon-36" alt="maven" height="36" width="36" src="">
              <strong>Maven 是一个项目管理工具，可以对 Java 项目进行构建、依赖管理</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/cmake/cmake-tutorial.html"><h4>【学习 CMake】</h4>
                <img class="codeicon codeicon-36" alt="cmake" height="36" width="36" src="">
              <strong>CMake 是个一个开源的跨平台自动化建构系统</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/verilog-tutorial.html"><h4>【学习 Verilog】</h4>
                <img class="codeicon codeicon-36" alt="verilog" height="36" width="36" src="">
              <strong>Verilog 是一种用于设计数字电路的硬件描述语言，主要应用在集成电路系统中</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/asp/asp-tutorial.html"><h4>【学习 ASP】</h4>
                <img class="codeicon codeicon-36" alt="asp" height="36" width="36" src="">
              <strong>ASP（Active Server Pages 动态服务器页面）是一种生成动态交互性网页的强有力工具</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/appml/appml-tutorial.html"><h4>【学习 AppML】</h4>
                <img class="codeicon codeicon-36" alt="appml" height="36" width="36" src="">
              <strong>AppML 是一个为web应用程序设计的HTML扩展框</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vbscript/vbscript-tutorial.html"><h4>【学习 VBScript】</h4>
                <img class="codeicon codeicon-36" alt="vbscript" height="36" width="36" src="">
              <strong>一种微软环境下的轻量级的解释型语言</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate4" >
         
      <h2><i class="fa fa-list"></i> 数据库</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/sql/sql-tutorial.html"><h4>【学习 SQL】</h4>
                <img class="codeicon codeicon-36" alt="sql" height="36" width="36" src="">
              <strong>结构化查询语言(Structured Query Language)</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/mysql/mysql-tutorial.html"><h4>【学习 MySQL】</h4>
                <img class="codeicon codeicon-36" alt="mysql" height="36" width="36" src="">
              <strong>MySQL 是一个关系型数据库管理系统</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/postgresql/postgresql-tutorial.html"><h4>【学习 PostgreSQL】</h4>
                <img class="codeicon codeicon-36" alt="postgresql" height="36" width="36" src="">
              <strong>PostgreSQL 是一个免费的对象-关系数据库服务器(ORDBMS)</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/sqlite/sqlite-tutorial.html"><h4>【学习 SQLite】</h4>
                <img class="codeicon codeicon-36" alt="sqlite" height="36" width="36" src="">
              <strong>一款轻型的数据库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/mongodb/mongodb-tutorial.html"><h4>【学习 MongoDB】</h4>
                <img class="codeicon codeicon-36" alt="mongodb" height="36" width="36" src="">
              <strong>Mongo DB 是目前在IT行业非常流行的一种非关系型数据库(NoSql)</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/redis/redis-tutorial.html"><h4>【学习 Redis】</h4>
                <img class="codeicon codeicon-36" alt="redis" height="36" width="36" src="">
              <strong>一个高性能的key-value数据库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/Memcached/Memcached-tutorial.html"><h4>【学习 Memcached】</h4>
                <img class="codeicon codeicon-36" alt="Memcached" height="36" width="36" src="">
              <strong>Memcached是一个自由开源的，高性能，分布式内存对象缓存系统。</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate5" >
         
      <h2><i class="fa fa-list"></i> 数据分析</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html"><h4>【学习 Python】</h4>
                <img class="codeicon codeicon-36" alt="python3" height="36" width="36" src="">
              <strong>Python3.x 版本，未来主流版本。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/numpy/numpy-tutorial.html"><h4>【学习 NumPy】</h4>
                <img class="codeicon codeicon-36" alt="numpy" height="36" width="36" src="">
              <strong>NumPy 是 Python 语言的一个扩展程序库，支持大量的维度数组与矩阵运算</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/pandas/pandas-tutorial.html"><h4>【学习 Pandas】</h4>
                <img class="codeicon codeicon-36" alt="pandas" height="36" width="36" src="">
              <strong>Pandas 是 Python 语言的一个扩展程序库，用于数据分析</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/matplotlib/matplotlib-tutorial.html"><h4>【学习 Matplotlib】</h4>
                <img class="codeicon codeicon-36" alt="matplotlib" height="36" width="36" src="">
              <strong>Matplotlib 是 Python 的绘图库</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/scipy/scipy-tutorial.html"><h4>【学习 Scipy】</h4>
                <img class="codeicon codeicon-36" alt="scipy" height="36" width="36" src="">
              <strong>SciPy 是一个开源的 Python 算法库和数学工具包。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/r/r-tutorial.html"><h4>【学习 R】</h4>
                <img class="codeicon codeicon-36" alt="r" height="36" width="36" src="">
              <strong>R 语言是为数学研究工作者设计的一种数学编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/julia/julia-tutorial.html"><h4>【学习 Julia】</h4>
                <img class="codeicon codeicon-36" alt="julia" height="36" width="36" src="">
              <strong>Julia 是一个面向科学计算的高性能动态高级程序设计语言</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate6" >
         
      <h2><i class="fa fa-list"></i> 移动端</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/android-tutorial-intro.html"><h4>【学习 Android】</h4>
                <img class="codeicon codeicon-36" alt="android" height="36" width="36" src="">
              <strong>Android 是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/swift/swift-tutorial.html"><h4>【学习 Swift】</h4>
                <img class="codeicon codeicon-36" alt="swift" height="36" width="36" src="">
              <strong>Swift 是一种支持多编程范式和编译式的编程语言,用于开发 iOS，OS X 和 watchOS应用程序。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jquerymobile/jquerymobile-tutorial.html"><h4>【学习 jQuery Mobile】</h4>
                <img class="codeicon codeicon-36" alt="jquerymobile" height="36" width="36" src="">
              <strong>jQuery Mobile是jQuery 在手机上和平板设备上的版本</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ionic/ionic-tutorial.html"><h4>【学习 ionic】</h4>
                <img class="codeicon codeicon-36" alt="ionic" height="36" width="36" src="">
              <strong>ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/kotlin/kotlin-tutorial.html"><h4>【学习 Kotlin】</h4>
                <img class="codeicon codeicon-36" alt="kotlin" height="36" width="36" src="">
              <strong>在 Java 虚拟机上运行的静态类型编程语言，Android 官方开发语言</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate7" >
         
      <h2><i class="fa fa-list"></i> XML 教程</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/xml/xml-tutorial.html"><h4>【学习 XML】</h4>
                <img class="codeicon codeicon-36" alt="xml" height="36" width="36" src="">
              <strong>XML 被设计用来传输和存储数据</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/dtd/dtd-tutorial.html"><h4>【学习 DTD】</h4>
                <img class="codeicon codeicon-36" alt="dtd" height="36" width="36" src="">
              <strong>DTD（文档类型定义）的作用是定义 XML 文档的合法构建模块</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/dom/dom-tutorial.html"><h4>【学习 XML DOM】</h4>
                <img class="codeicon codeicon-36" alt="xmldom" height="36" width="36" src="">
              <strong>XML DOM 定义访问和操作XML文档的标准方法</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xsl/xsl-tutorial.html"><h4>【学习 XSLT】</h4>
                <img class="codeicon codeicon-36" alt="xslt" height="36" width="36" src="">
              <strong>XSL 是一个 XML 文档的样式表语言，XSLT 指 XSL 转换</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xpath/xpath-tutorial.html"><h4>【学习 XPath】</h4>
                <img class="codeicon codeicon-36" alt="xpath" height="36" width="36" src="">
              <strong>XPath 是一门在 XML 文档中查找信息的语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xquery/xquery-tutorial.html"><h4>【学习 XQuery】</h4>
                <img class="codeicon codeicon-36" alt="xquery" height="36" width="36" src="">
              <strong>XQuery 被设计用来查询 XML 数据</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html"><h4>【学习 XLink】</h4>
                <img class="codeicon codeicon-36" alt="xlink" height="36" width="36" src="">
              <strong>XLink 定义在 XML 文档中创建超级链接的标准方法</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html"><h4>【学习 XPointer】</h4>
                <img class="codeicon codeicon-36" alt="xpointer" height="36" width="36" src="">
              <strong>XPointer是在可扩展标志语言（XML）文件中定位数据的一种语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/schema/schema-tutorial.html"><h4>【学习 XML Schema】</h4>
                <img class="codeicon codeicon-36" alt="schema" height="36" width="36" src="">
              <strong>XML Schema 描述了 XML文档的结构</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xslfo/xslfo-tutorial.html"><h4>【学习 XSL-FO】</h4>
                <img class="codeicon codeicon-36" alt="xslfo" height="36" width="36" src="">
              <strong>XSL-FO 指可扩展样式表语言格式化对象</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/svg/svg-tutorial.html"><h4>【学习 SVG】</h4>
                <img class="codeicon codeicon-36" alt="svg" height="36" width="36" src="">
              <strong>SVG 使用 XML 格式定义图像</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate8" >
         
      <h2><i class="fa fa-list"></i> ASP.NET</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-tutorial.html"><h4>【学习 ASP.NET】</h4>
                <img class="codeicon codeicon-36" alt="aspnet" height="36" width="36" src="">
              <strong>ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/csharp/csharp-tutorial.html"><h4>【学习 C#】</h4>
                <img class="codeicon codeicon-36" alt="csharp" height="36" width="36" src="">
              <strong>C# 是一个简单的、现代的、通用的、面向对象的编程语言</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/webpages-intro.html"><h4>【学习 Web Pages】</h4>
                <img class="codeicon codeicon-36" alt="webpages" height="36" width="36" src="">
              <strong>Web Pages 是三种网页编程模型中的一种，用于创建网站和web 应用程序</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/razor-intro.html"><h4>【学习 Razor】</h4>
                <img class="codeicon codeicon-36" alt="razor" height="36" width="36" src="">
              <strong>Razor 是一种标记语法，可以让您将基于服务器的代码（Visual Basic 和 C#）嵌入到网页中</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/mvc-intro.html"><h4>【学习 MVC】</h4>
                <img class="codeicon codeicon-36" alt="mvc" height="36" width="36" src="">
              <strong>MVC（Model View Controller 模型-视图-控制器）</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-intro.html"><h4>【学习 Web Forms】</h4>
                <img class="codeicon codeicon-36" alt="webforms" height="36" width="36" src="">
              <strong>Web Forms 是三种创建 ASP.NET 网站和 Web 应用程序的编程模式中的一种</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate9" >
         
      <h2><i class="fa fa-list"></i> Web Service</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/webservices/webservices-tutorial.html"><h4>【学习 Web Service】</h4>
                <img class="codeicon codeicon-36" alt="webservices" height="36" width="36" src="">
              <strong>Web Service 脚本平台需支持 XML + HTTP</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/wsdl/wsdl-tutorial.html"><h4>【学习 WSDL】</h4>
                <img class="codeicon codeicon-36" alt="wsdl" height="36" width="36" src="">
              <strong>WSDL是一门基于 XML 的语言，用于描述 Web Service 以及如何对它们进行访问</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/soap/soap-tutorial.html"><h4>【学习 SOAP】</h4>
                <img class="codeicon codeicon-36" alt="soap" height="36" width="36" src="">
              <strong>SOAP 是一种简单的基于 XML 的协议，它使应用程序通过 HTTP 来交换信息</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rss/rss-tutorial.html"><h4>【学习 RSS】</h4>
                <img class="codeicon codeicon-36" alt="rss" height="36" width="36" src="">
              <strong>RSS基于XML标准，在互联网上被广泛采用的内容包装和投递协议</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rdf/rdf-tutorial.html"><h4>【学习 RDF】</h4>
                <img class="codeicon codeicon-36" alt="rdf" height="36" width="36" src="">
              <strong>DF(资源描述框架)是描述网络资源的 W3C 标准</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate10" >
         
      <h2><i class="fa fa-list"></i> 开发工具</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/eclipse/eclipse-tutorial.html"><h4>【学习 Eclipse】</h4>
                <img class="codeicon codeicon-36" alt="eclipse" height="36" width="36" src="">
              <strong>Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/git/git-tutorial.html"><h4>【学习 Git】</h4>
                <img class="codeicon codeicon-36" alt="git" height="36" width="36" src="">
              <strong>Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/svn/svn-tutorial.html"><h4>【学习 Svn】</h4>
                <img class="codeicon codeicon-36" alt="svn" height="36" width="36" src="">
              <strong> SVN 是一个开放源代码的版本控制系统</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/markdown/md-tutorial.html"><h4>【学习 Markdown】</h4>
                <img class="codeicon codeicon-36" alt="markdown" height="36" width="36" src="">
              <strong>Markdown 是一种轻量级标记语言</strong></a>
          </div>
	      <div class="codelist codelist-desktop cate11" >
         
      <h2><i class="fa fa-list"></i> 网站建设</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/http/http-tutorial.html"><h4>【学习 HTTP】</h4>
                <img class="codeicon codeicon-36" alt="http" height="36" width="36" src="">
              <strong>HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/web/web-buildingprimer.html"><h4>【网站建设指南】</h4>
                <img class="codeicon codeicon-36" alt="webbuildingprimer" height="36" width="36" src="">
              <strong>网站建设指导课程</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/browsers/browser-information.html"><h4>【浏览器信息】</h4>
                <img class="codeicon codeicon-36" alt="browsers" height="36" width="36" src="">
              <strong>对于网站开发人员来说，浏览器信息和统计数据都是非常重要的</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/hosting/hosting-tutorial.html"><h4>【网站主机教程】</h4>
                <img class="codeicon codeicon-36" alt="hosting" height="36" width="36" src="">
              <strong>如果您希望向全世界发布自己的网站，那么您的网站就需要被放置于一个 WEB 服务器</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/tcpip/tcpip-tutorial.html"><h4>【学习 TCP/IP】</h4>
                <img class="codeicon codeicon-36" alt="tcpip" height="36" width="36" src="">
              <strong>TCP/IP 是因特网的通信协议</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3c/w3c-tutorial.html"><h4>【学习 W3C】</h4>
                <img class="codeicon codeicon-36" alt="w3c" height="36" width="36" src="">
              <strong>W3C 让每个人都能在互联网上分享资源</strong></a>
     	
       <a class="item-top item-1" href="//www.runoob.com/quality/quality-tutorial.html"><h4>【网站品质】</h4>
                <img class="codeicon codeicon-36" alt="quality" height="36" width="36" src="">
              <strong>学习如何创建高质量的web网站</strong></a>
          </div>
		
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> HTML / CSS</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/html/html-tutorial.html">
       <h4>HTML</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/html/html5-intro.html">
       <h4>HTML5</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/css/css-tutorial.html">
       <h4>CSS</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/css3/css3-tutorial.html">
       <h4>CSS3</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap/bootstrap-tutorial.html">
       <h4>Bootstrap3</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap4/bootstrap4-tutorial.html">
       <h4>Bootstrap4</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/bootstrap5/bootstrap5-tutorial.html">
       <h4>Bootstrap5</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/font-awesome/fontawesome-tutorial.html">
       <h4>Font Awesome</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/foundation/foundation-tutorial.html">
       <h4>Foundation</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> JavaScript</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/js/js-tutorial.html">
       <h4>JavaScript</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/htmldom/htmldom-tutorial.html">
       <h4>HTML DOM</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jquery/jquery-tutorial.html">
       <h4>jQuery</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/angularjs/angularjs-tutorial.html">
       <h4>AngularJS</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/angularjs2/angularjs2-tutorial.html">
       <h4>AngularJS2</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vue2/vue-tutorial.html">
       <h4>Vue.js</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vue3/vue3-tutorial.html">
       <h4>Vue3</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/react/react-tutorial.html">
       <h4>React</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/typescript/ts-tutorial.html">
       <h4>TypeScript</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jqueryui/jqueryui-tutorial.html">
       <h4>jQuery UI</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jeasyui/jqueryeasyui-tutorial.html">
       <h4>jQuery EasyUI</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/nodejs/nodejs-tutorial.html">
       <h4>Node.js</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ajax/ajax-tutorial.html">
       <h4>AJAX</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/json/json-tutorial.html">
       <h4>JSON</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/echarts/echarts-tutorial.html">
       <h4>Echarts</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/chartjs/chartjs-tutorial.html">
       <h4>Chart.js</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/highcharts/highcharts-tutorial.html">
       <h4>Highcharts</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/googleapi/google-maps-basic.html">
       <h4>Google 地图</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 服务端</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html">
       <h4>Python</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/python/python-tutorial.html">
       <h4>Python2.x</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/linux/linux-tutorial.html">
       <h4>Linux</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/docker/docker-tutorial.html">
       <h4>Docker</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ruby/ruby-tutorial.html">
       <h4>Ruby</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/java/java-tutorial.html">
       <h4>Java</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/c/c-tutorial.html">
       <h4>C</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/cplusplus/cpp-tutorial.html">
       <h4>C++</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/perl/perl-tutorial.html">
       <h4>Perl</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/servlet/servlet-tutorial.html">
       <h4>Servlet</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jsp/jsp-tutorial.html">
       <h4>JSP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/lua/lua-tutorial.html">
       <h4>Lua</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rust/rust-tutorial.html">
       <h4>Rust</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/zig/zig-tutorial.html">
       <h4>Zig</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/scala/scala-tutorial.html">
       <h4>Scala</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/go/go-tutorial.html">
       <h4>Go</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/php/php-tutorial.html">
       <h4>PHP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/data-structures/data-structures-tutorial.html">
       <h4>数据结构与算法</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/django/django-tutorial.html">
       <h4>Django</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/fastapi/fastapi-tutorial.html">
       <h4>FastAPI</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/flask/flask-tutorial.html">
       <h4>Flask</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/zookeeper-tutorial.html">
       <h4>Zookeeper</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/design-pattern/design-pattern-tutorial.html">
       <h4>设计模式</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/regexp/regexp-tutorial.html">
       <h4>正则表达式</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/maven/maven-tutorial.html">
       <h4>Maven</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/cmake/cmake-tutorial.html">
       <h4>CMake</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/verilog-tutorial.html">
       <h4>Verilog</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/asp/asp-tutorial.html">
       <h4>ASP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/appml/appml-tutorial.html">
       <h4>AppML</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/vbscript/vbscript-tutorial.html">
       <h4>VBScript</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 数据库</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/sql/sql-tutorial.html">
       <h4>SQL</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/mysql/mysql-tutorial.html">
       <h4>MySQL</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/postgresql/postgresql-tutorial.html">
       <h4>PostgreSQL</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/sqlite/sqlite-tutorial.html">
       <h4>SQLite</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/mongodb/mongodb-tutorial.html">
       <h4>MongoDB</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/redis/redis-tutorial.html">
       <h4>Redis</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/Memcached/Memcached-tutorial.html">
       <h4>Memcached</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 数据分析</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/python3/python3-tutorial.html">
       <h4>Python</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/numpy/numpy-tutorial.html">
       <h4>NumPy</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/pandas/pandas-tutorial.html">
       <h4>Pandas</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/matplotlib/matplotlib-tutorial.html">
       <h4>Matplotlib</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/scipy/scipy-tutorial.html">
       <h4>Scipy</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/r/r-tutorial.html">
       <h4>R</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/julia/julia-tutorial.html">
       <h4>Julia</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 移动端</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/w3cnote/android-tutorial-intro.html">
       <h4>Android</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/swift/swift-tutorial.html">
       <h4>Swift</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/jquerymobile/jquerymobile-tutorial.html">
       <h4>jQuery Mobile</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/ionic/ionic-tutorial.html">
       <h4>ionic</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/kotlin/kotlin-tutorial.html">
       <h4>Kotlin</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> XML 教程</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/xml/xml-tutorial.html">
       <h4>XML</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/dtd/dtd-tutorial.html">
       <h4>DTD</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/dom/dom-tutorial.html">
       <h4>XML DOM</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xsl/xsl-tutorial.html">
       <h4>XSLT</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xpath/xpath-tutorial.html">
       <h4>XPath</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xquery/xquery-tutorial.html">
       <h4>XQuery</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html">
       <h4>XLink</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xlink/xlink-tutorial.html">
       <h4>XPointer</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/schema/schema-tutorial.html">
       <h4>XML Schema</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/xslfo/xslfo-tutorial.html">
       <h4>XSL-FO</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/svg/svg-tutorial.html">
       <h4>SVG</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> ASP.NET</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-tutorial.html">
       <h4>ASP.NET</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/csharp/csharp-tutorial.html">
       <h4>C#</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/webpages-intro.html">
       <h4>Web Pages</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/razor-intro.html">
       <h4>Razor</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/mvc-intro.html">
       <h4>MVC</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/aspnet/aspnet-intro.html">
       <h4>Web Forms</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> Web Service</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/webservices/webservices-tutorial.html">
       <h4>Web Service</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/wsdl/wsdl-tutorial.html">
       <h4>WSDL</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/soap/soap-tutorial.html">
       <h4>SOAP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rss/rss-tutorial.html">
       <h4>RSS</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/rdf/rdf-tutorial.html">
       <h4>RDF</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 开发工具</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/eclipse/eclipse-tutorial.html">
       <h4>Eclipse</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/git/git-tutorial.html">
       <h4>Git</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/svn/svn-tutorial.html">
       <h4>Svn</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/markdown/md-tutorial.html">
       <h4>Markdown</h4>
       </a>
          </div>
	      <div class="codelist codelist-mobile" >
         
      <h2><i class="fa fa-list"></i> 网站建设</h2>
   	
      	
       <a class="item-top item-1" href="//www.runoob.com/http/http-tutorial.html">
       <h4>HTTP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/web/web-buildingprimer.html">
       <h4>网站建设指南</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/browsers/browser-information.html">
       <h4>浏览器信息</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/hosting/hosting-tutorial.html">
       <h4>网站主机教程</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/tcpip/tcpip-tutorial.html">
       <h4>TCP/IP</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/w3c/w3c-tutorial.html">
       <h4>W3C</h4>
       </a>
     	
       <a class="item-top item-1" href="//www.runoob.com/quality/quality-tutorial.html">
       <h4>网站品质</h4>
       </a>
          </div>
		
</div>
</div>
</div>
<!-- 第一个关键字：i -->
<script>
var myObj = { key : "i" };
//console.log(myObj);
</script>
<!-- 底部 -->
<div id="footer" class="mar-t50">
   <div class="runoob-block">
    <div class="runoob cf">
     <dl>
      <dt>
       在线实例
      </dt>
      <dd>
       &middot;<a target="_blank" href="/html/html-examples.html">HTML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="/css/css-examples.html">CSS 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="/js/js-examples.html">JavaScript 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="/ajx/ajax-examples.html">Ajax 实例</a>
      </dd>
       <dd>
       &middot;<a target="_blank" href="/jquery/jquery-examples.html">jQuery 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="/xml/xml-examples.html">XML 实例</a>
      </dd>
      <dd>
       &middot;<a target="_blank" href="/java/java-examples.html">Java 实例</a>
      </dd>
     
     </dl>
     <dl>
      <dt>
      字符集&工具
      </dt>
      <dd>
       &middot; <a target="_blank" href="/charsets/html-charsets.html">HTML 字符集设置</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="/tags/html-ascii.html">HTML ASCII 字符集</a>
      </dd>
     <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6939/">JS 混淆/加密</a>
      </dd> 
      <dd>
       &middot; <a target="_blank" href="https://c.runoob.com/front-end/6232/">PNG/JPEG 图片压缩</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="/tags/html-colorpicker.html">HTML 拾色器</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="//c.runoob.com/front-end/53">JSON 格式化工具</a>
      </dd>
      <dd>
       &middot; <a target="_blank" href="//c.runoob.com/front-end/6680/">随机数生成器</a>
      </dd>
     </dl>
     <dl>
      <dt>
       最新更新
      </dt>
                   <dd>
       &middot;
      <a href="http://www.runoob.com/html/html5-web-api-indexeddb.html" title="HTML5 Web IndexedDB 数据库">HTML5 Web Index...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-restart-command.html" title="docker compose restart 命令">docker compose ...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-start-command.html" title="docker compose start 命令">docker compose ...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-ls-command.html" title="docker compose ls 命令">docker compose ...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-up-command.html" title="docker compose up 命令">docker compose ...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-bulid-command.html" title="docker compose build 命令">docker compose ...</a>
      </dd>
              <dd>
       &middot;
      <a href="http://www.runoob.com/docker/docker-compose-ps-command.html" title="docker compose ps 命令">docker compose ...</a>
      </dd>
             </dl>
     <dl>
      <dt>
       站点信息
      </dt>
      <dd>
       &middot;
       <a target="_blank" href="mailto:admin@runoob.com" rel="external nofollow">意见反馈</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="/disclaimer">免责声明</a>
       </dd>
      <dd>
       &middot;
       <a target="_blank" href="/aboutus">关于我们</a>
       </dd>
      <dd>
       &middot;
      <a target="_blank" href="/archives">文章归档</a>
      </dd>
    
     </dl>
    
     <div class="search-share">
      <div class="app-download">
        <div>
         <strong>关注微信</strong>
        </div>
      </div>
      <div class="share">
      <img width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png" />
       </div>
     </div>
     
    </div>
   </div>
   <div class="w-1000 copyright">
     Copyright &copy; 2013-2024    <strong><a href="//www.runoob.com/" target="_blank">菜鸟教程</a></strong>&nbsp;
    <strong><a href="//www.runoob.com/" target="_blank">runoob.com</a></strong> All Rights Reserved. 备案号：<a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">闽ICP备15012807号-1</a>
   </div>
  </div>
  <div class="fixed-btn">
    <a class="go-top" href="javascript:void(0)" title="返回顶部"> <i class="fa fa-angle-up"></i></a>
    <a class="qrcode"  href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a>
    <a class="writer" style="display:none" href="javascript:void(0)"   title="标记/收藏"><i class="fa fa-star" aria-hidden="true"></i></a>
    <!-- qrcode modal -->
    <div id="bottom-qrcode" class="modal panel-modal hide fade in">
      <h4>微信关注</h4>
      <div class="panel-body"><img alt="微信关注" width="128" height="128" src="/wp-content/themes/runoob/assets/images/qrcode.png"></div> 
    </div>
  </div>

<div style="display:none;">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84264393-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-84264393-2');
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3eec0b7da6548cf07db3bc477ea905ee";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div>

<script>
window.jsui={
    www: 'https://www.runoob.com',
    uri: 'https://www.runoob.com/wp-content/themes/runoob'
};
</script>

<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/clipboard.js/2.0.10/clipboard.min.js"></script>
<script src="https://static.jyshare.com/assets/libs/hl/run_prettify.js?v=1.168"></script>
<script src="/wp-content/themes/runoob/assets/js/main.min.js?v=1.168"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/marked/4.0.2/marked.min.js"></script>
</body>
</html>